import { Component } from "react";
import style from "./style.module.css";
import { Props, State } from "./model";
export default class AreaBlock extends Component<Props,State>{
    render = () => {
        const {currentArea,item}=this.props;
        return (
            <div style={{
                background:`${currentArea.key == item.key ? "linear-gradient(to top, #2a5bff, #4cb1f9)" : "#fff"}`,
                color: `${currentArea.key == item.key ? "#fff" : "#4cb1f9"}`
            }} className={style.AreaBlock}>
                {item.value}
            </div>
        )
    }
}